@CHARSET "UTF-8";
.box{
	width: 960px;
	margin: 200px auto;
	position: relative;
}
.box img{
	width:20%;
	border: 1px solid #ddd;
	padding: 10px;
	position: absolute;
	background: #fff;
	z-index: 1;
}
.box img:nth-child(1){
	top:-78px;
	left: -110px;
	transform:rotate(-15deg);
}
.box img:nth-child(2){
	top:-155px;
	left: -0px;
	transform:rotate(-22deg);
}
.box img:nth-child(3){
	top:30px;
	left: -51px;
	transform:rotate(0deg);
}
.box img:nth-child(4){
	top:-42px;
	left: 120px;
	transform:rotate(32deg);
}
.box img:nth-child(5){
	top:-130px;
	left: 355px;
	transform:rotate(-20deg);
}
.box img:nth-child(6){
	top: -142px;
	left: 511px;
	transform:rotate(22deg);
}
.box img:nth-child(7){
	top: 86px;
	left: 286px;
	transform: rotate(3deg);
}
.box img:nth-child(8){
	top: 52px;
	left: 412px;
	transform: rotate(-6deg);
}
.box img:nth-child(9){
	top: 100px;
	left: 545px;
	transform: rotate(-57deg);
}
.box img:nth-child(10){
	top: -95px;
	left: 689px;
	transform: rotate(0deg);
}
.box img:nth-child(11){
	top: -55px;
	left: 861px;
	transform: rotate(-20deg);
}
.box img:nth-child(12){
	top: 107px;
	left: 820px;
	transform: rotate(17deg);
}
#box img:HOVER {
	z-index: 2;
	box-shadow:5px 5px 5px #DDD;
	transform:rotate(0deg) scale(1.5);
	transition:2s;
}
#box img{
	transition:all 1s;
}